<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
http://lineadecodigo.com/jquery/anadir-una-fila-a-una-tabla-con-jquery/
-->
<html>
    <head>          
        <meta charset="utf-8">
        <title>Gestión de Usuarios: El Juego de la Subasta</title>
        <meta name="description" content="Proyecto de Ingeniería del Software 2">
        <meta name="author" content="Grupo 9">
        <!—[if lt IE 9]>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]—>
        <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
        <style>
            body { padding-top: 60px; }
        </style>
        <link type="text/css" href="css/bootstrap.css" rel="stylesheet">
        <link type="text/css" href="css/subastas.css" rel="stylesheet">        
    </head>
    <body>
        <script type="text/javascript" src="js/libs/jquery-1.9.0/jquery.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="http://localhost:6969/socket.io/socket.io.js"></script>
        <script type="text/javascript" src="js/interaccion_subastas.js"></script>
        
        <!--Cuenta atrás-->
        <script src="js/jquery.countdown.min.js"></script>
        
        <!-- Fixed navbar -->
        <div class="navbar navbar-default navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a id="wHome" class="navbar-brand" href="index.html">El Juego de la Subasta</a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-left">
                        <li id="wBuscarProducto" class="hidden"><a href="resultadoBusquedaProducto.html">Buscar Producto</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li id="wLogin"><a href="login.html">Login</a></li>
                        <li id="wLogout" class="hidden"><a href="logout.html" onclick="logout()">Logout</a></li>
                        <li id="wSignin"><a href="signin.html">Signin</a></li>
                        <li id="wPerfil" class="hidden"><a href="perfil.html">Perfil</a></li>
                        <li id="wOpciones" class="hidden"><a href="opciones.html">Opciones</a></li>
                        <li id="wGestionUsuarios" class="hidden"><a href="gestionUsuarios.html">Gestión de Usuarios</a></li>
                        <li id="wAltaProducto" class="hidden"><a href="altaProducto.html">Alta de Producto</a></li>
                        <li id="wAltaUsuarioInterno" class="hidden"><a href="altaUsuarioInterno.html">Alta de Usuario Interno</a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>


        <!-- Main jumbotron for a primary marketing message or call to action -->
        <div class="container">
            <div class="jumbotron">
                <h1>Gestión de Usuarios</h1>

                <div class="table-responsive table-hover">
                    <form id="formularioGestionUsuarios" class="navbar-form navbar-left">
                        <div class="form-group">
                            <input name="dato" type="text" placeholder="Buscar usuarios" class="form-control">
                        </div>
                        <button type="submit" class="btn btn-primary">Buscar</button>
                    </form>

                    <table id="tablaUsuario" class="table">
                        <thead>
                        <th>Nombre Usuario</th>
                        <th>Nombre</th>
                        <th>Apellidos</th>
                        <th>Puntos de puja</th>
                        <th>Estado</th>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>

            <footer>
                <p>&copy; JDLS Company 2013</p>
            </footer>
        </div>



    </body>
</html>
